
/* 标准色 */
/* 浅色 */
/* 渐变色 */
/* 阴影透明色 */
/* 深色背景 */
.lz-bgc-red {
  background-color: #e54d42;
  color: #ffffff;
}
.lz-bgc-orange {
  background-color: #f37b1d;
  color: #ffffff;
}
.lz-bgc-yellow {
  background-color: #fbbd08;
  color: #ffffff;
}
.lz-bgc-olive {
  background-color: #8dc63f;
  color: #ffffff;
}
.lz-bgc-green {
  background-color: #39b54a;
  color: #ffffff;
}
.lz-bgc-cyan {
  background-color: #1cbbb4;
  color: #ffffff;
}
.lz-bgc-blue {
  background-color: #0081ff;
  color: #ffffff;
}
.lz-bgc-purple {
  background-color: #6739b6;
  color: #ffffff;
}
.lz-bgc-mauve {
  background-color: #9c26b0;
  color: #ffffff;
}
.lz-bgc-pink {
  background-color: #e03997;
  color: #ffffff;
}
.lz-bgc-brown {
  background-color: #a5673f;
  color: #ffffff;
}
.lz-bgc-grey {
  background-color: #8799a3;
  color: #ffffff;
}
.lz-bgc-gray {
  background-color: #f0f0f0;
  color: #ffffff;
}
.lz-bgc-black {
  background-color: #ffffff;
  color: #ffffff;
}
.lz-bgc-white {
  background-color: #ffffff;
  color: #666666;
}
.lz-bgc-shadeTop {
  background-image: linear-gradient(#000000, rgba(0, 0, 0, 0.01));
  color: #ffffff;
}
.lz-bgc-shadeBottom {
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), #000000);
  color: #ffffff;
}
/* 淡色背景 */
.lz-bgc-red.lz-light {
  color: #e54d42;
  background-color: #fadbd9;
}
.lz-bgc-orange.lz-light {
  color: #f37b1d;
  background-color: #fde6d2;
}
.lz-bgc-yellow.lz-light {
  color: #fbbd08;
  background-color: #fef2ce;
}
.lz-bgc-olive.lz-light {
  color: #8dc63f;
  background-color: #e8f4d9;
}
.lz-bgc-green.lz-light {
  color: #39b54a;
  background-color: #d7f0db;
}
.lz-bgc-cyan.lz-light {
  color: #1cbbb4;
  background-color: #d2f1f0;
}
.lz-bgc-blue.lz-light {
  color: #0081ff;
  background-color: #cce6ff;
}
.lz-bgc-purple.lz-light {
  color: #6739b6;
  background-color: #e1d7f0;
}
.lz-bgc-mauve.lz-light {
  color: #9c26b0;
  background-color: #ebd4ef;
}
.lz-bgc-pink.lz-light {
  color: #e03997;
  background-color: #f9d7ea;
}
.lz-bgc-brown.lz-light {
  color: #a5673f;
  background-color: #ede1d9;
}
.lz-bgc-grey.lz-light {
  color: #8799a3;
  background-color: #e7ebed;
}
/* 渐变背景 */
.lz-bgc-gradual-red {
  background-image: linear-gradient(45deg, #f43f3b, #ec008c);
  color: #ffffff;
}
.lz-bgc-gradual-orange {
  background-image: linear-gradient(45deg, #ff9700, #ed1c24);
  color: #ffffff;
}
.lz-bgc-gradual-green {
  background-image: linear-gradient(45deg, #39b54a, #8dc63f);
  color: #ffffff;
}
.lz-bgc-gradual-purple {
  background-image: linear-gradient(45deg, #9000ff, #5e00ff);
  color: #ffffff;
}
.lz-bgc-gradual-pink {
  background-image: linear-gradient(45deg, #ec008c, #6739b6);
  color: #ffffff;
}
.lz-bgc-gradual-blue {
  background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
  color: #ffffff;
}
/* 背景图片 */
.lz-bgc-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* mask */
.lz-bgc-mask {
  background-color: #333333;
  position: relative;
}
/* 阴影 */
.lz-shadow[class*='-red'] {
  box-shadow: 6upx 6upx 8upx rgba(204, 69, 59, 0.2);
}
.lz-shadow[class*='-orange'] {
  box-shadow: 6upx 6upx 8upx rgba(217, 109, 26, 0.2);
}
.lz-shadow[class*='-yellow'] {
  box-shadow: 6upx 6upx 8upx rgba(224, 170, 7, 0.2);
}
.lz-shadow[class*='-olive'] {
  box-shadow: 6upx 6upx 8upx rgba(124, 173, 55, 0.2);
}
.lz-shadow[class*='-green'] {
  box-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
}
.lz-shadow[class*='-cyan'] {
  box-shadow: 6upx 6upx 8upx rgba(28, 187, 180, 0.2);
}
.lz-shadow[class*='-blue'] {
  box-shadow: 6upx 6upx 8upx rgba(0, 102, 204, 0.2);
}
.lz-shadow[class*='-purple'] {
  box-shadow: 6upx 6upx 8upx rgba(88, 48, 156, 0.2);
}
.lz-shadow[class*='-mauve'] {
  box-shadow: 6upx 6upx 8upx rgba(133, 33, 150, 0.2);
}
.lz-shadow[class*='-pink'] {
  box-shadow: 6upx 6upx 8upx rgba(199, 50, 134, 0.2);
}
.lz-shadow[class*='-brown'] {
  box-shadow: 6upx 6upx 8upx rgba(140, 88, 53, 0.2);
}
.lz-shadow[class*='-grey'] {
  box-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
}
.lz-shadow[class*='-gray'] {
  box-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
}
.lz-shadow[class*='-black'] {
  box-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
}
.lz-shadow[class*='-white'] {
  box-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
}
/* 文字阴影 */
.lz-text-shadow[class*='-red'] {
  text-shadow: 6upx 6upx 8upx rgba(204, 69, 59, 0.2);
}
.lz-text-shadow[class*='-orange'] {
  text-shadow: 6upx 6upx 8upx rgba(217, 109, 26, 0.2);
}
.lz-text-shadow[class*='-yellow'] {
  text-shadow: 6upx 6upx 8upx rgba(224, 170, 7, 0.2);
}
.lz-text-shadow[class*='-olive'] {
  text-shadow: 6upx 6upx 8upx rgba(124, 173, 55, 0.2);
}
.lz-text-shadow[class*='-green'] {
  text-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
}
.lz-text-shadow[class*='-cyan'] {
  text-shadow: 6upx 6upx 8upx rgba(28, 187, 180, 0.2);
}
.lz-text-shadow[class*='-blue'] {
  text-shadow: 6upx 6upx 8upx rgba(0, 102, 204, 0.2);
}
.lz-text-shadow[class*='-purple'] {
  text-shadow: 6upx 6upx 8upx rgba(88, 48, 156, 0.2);
}
.lz-text-shadow[class*='-mauve'] {
  text-shadow: 6upx 6upx 8upx rgba(133, 33, 150, 0.2);
}
.lz-text-shadow[class*='-pink'] {
  text-shadow: 6upx 6upx 8upx rgba(199, 50, 134, 0.2);
}
.lz-text-shadow[class*='-brown'] {
  text-shadow: 6upx 6upx 8upx rgba(140, 88, 53, 0.2);
}
.lz-text-shadow[class*='-grey'] {
  text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
}
.lz-text-shadow[class*='-gray'] {
  text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
}
.lz-text-shadow[class*='-black'] {
  text-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
}
